<!doctype html>
<html lang="en">

  <head>

  	<meta charset="utf-8">
  	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  	<meta http-equiv="x-ua-compatible" content="ie=edge">

  	<title>Register - Getyootech - Gadgets Ecommerce Site Template</title>
  	<link rel="shortcut icon" href="assets/images/favourite_icon.svg">

  	<!-- fraimwork - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

    <!-- icon font - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/fontawesome.css">
    <link rel="stylesheet" type="text/css" href="assets/css/stroke-gap-icons.css">
    <link rel="stylesheet" type="text/css" href="assets/css/icofont.css">

    <!-- animation - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/animate.css">

    <!-- carousel - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/slick.css">
    <link rel="stylesheet" type="text/css" href="assets/css/slick-theme.css">

    <!-- popup - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css">

    <!-- jquery-ui - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/jquery-ui.css">

    <!-- select option - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/nice-select.css">

    <!-- custom - css include -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">

  </head>


  <body>

    <!-- body_wrap - start -->
    <div class="body_wrap">

      <!-- backtotop - start -->
      <div class="backtotop">
        <a href="#" class="scroll">
          <i class="far fa-arrow-up"></i>
        </a>
      </div>
      <!-- backtotop - end -->

      <!-- preloader - start -->
      <div id="preloader"></div>
      <!-- preloader - end -->

      <!-- header_section - start
      ================================================== -->
      <header class="header_section">
        <div class="header_top">
          <div class="container">
            <div class="row align-items-center">
              <div class="col col-md-6">
                <ul class="header_select_options ul_li">
                  <li>
                    <div class="select_option">
                      <div class="flug_wrap">
                        <img src="assets/images/flug_uk.png" alt="Getyootech - Gadgets Ecommerce Site Template">
                      </div>
                      <select>
                        <option data-display="Select Option">Select Your Language</option>
                        <option value="1" selected="">English</option>
                        <option value="2">Bangla</option>
                        <option value="3" disabled="">Arabic</option>
                        <option value="4">Hebrew</option>
                      </select>
                    </div>
                  </li>
                  <li>
                    <div class="select_option">
                      <h3 class="title_text">Currency:</h3>
                      <select>
                        <option data-display="Select Option">Select Your Currency</option>
                        <option value="united States Dollar" selected="">USD</option>
                        <option value="Armenian Dram">AMD</option>
                        <option value="Australian Dollar" disabled="">AUD</option>
                        <option value="Austria">EUR</option>
                      </select>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="col col-md-6">
                <p class="header_hotline">Hotline: <strong>(+880)1680636189</strong></p>
              </div>
            </div>
          </div>
        </div>

        <div class="header_middle">
          <div class="container">
            <div class="row align-items-center">
              <div class="col col-lg-3 col-5">
                <div class="brand_logo">
                  <a class="brand_link" href="index.html">
                    <img src="assets/images/site_logo.svg" alt="Getyootech - Gadgets Ecommerce Site Template">
                  </a>
                </div>
              </div>
              <div class="col col-lg-6 col-2">
                <nav class="main_menu navbar navbar-expand-lg">
                  <div class="main_menu_inner collapse navbar-collapse justify-content-center" id="main_menu_dropdown">
                    <ul class="main_menu_list ul_li">
                      <li class="dropdown">
                        <a class="nav-link" href="#" id="home_submenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">Home</a>
                        <ul class="dropdown-menu" aria-labelledby="home_submenu">
                          <li><a href="index.html">Home V.1</a></li>
                          <li><a href="index_2.html">Home V.2</a></li>
                          <li><a href="index_3.html">Home V.3</a></li>
                        </ul>
                      </li>
                      <li class="dropdown">
                        <a class="nav-link" href="#" id="shop_submenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a>
                        <ul class="dropdown-menu" aria-labelledby="shop_submenu">
                          <li><a href="shop_grid.html">Shop Grid</a></li>
                          <li><a href="shop_list.html">Shop List</a></li>
                          <li><a href="shop_details.html">Shop Details</a></li>
                          <li class="dropdown">
                            <a class="nav-link" href="#" id="shop_info_submenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                              Shopping Info
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="shop_info_submenu">
                              <li><a href="cart.html">Cart</a></li>
                              <li><a href="checkout.html">Cart Empty</a></li>
                              <li><a href="res.html">Checkout</a></li>
                              <li><a href="compare.html">Compare</a></li>
                              <li><a href="wishlist.html">Wishlist</a></li>
                              <li><a href="order_tracking.html">Order Tracking</a></li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="dropdown">
                        <a class="nav-link" href="#" id="blog_submenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                          Blog
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="blog_submenu">
                          <li><a href="blog.html">Blog Standard</a></li>
                          <li><a href="blog_grid.html">Blog 2 Column</a></li>
                          <li><a href="blog_masonry.html">Blog Masonry</a></li>
                          <li><a href="blog_list.html">Blog List Layout</a></li>
                          <li><a href="blog_details.html">Blog Details</a></li>
                        </ul>
                      </li>
                      <li class="active dropdown">
                        <a class="nav-link" href="#" id="pages_submenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                          Pages
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="pages_submenu">
                          <li><a href="about.html">About Us</a></li>
                          <li><a href="team.html">Team</a></li>
                          <li><a href="account.html">My Account</a></li>
                          <li class="active"><a href="">Register</a></li>
                          <li><a href="error.html">404 Error</a></li>
                        </ul>
                      </li>
                      <li><a href="contact.html">Contact</a></li>
                    </ul>
                  </div>
                </nav>
              </div>

              <div class="col col-lg-3 col-5">
                <ul class="header_icons_group ul_li_right">
                  <li>
                    <button class="mobile_menu_btn navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_menu_dropdown" aria-controls="main_menu_dropdown" aria-expanded="false" aria-label="Toggle navigation">
                      <i class="fal fa-bars"></i>
                    </button>
                  </li>
                  <li><a href="contact.html"><i class="fa-regular fa-location-dot"></i></a></li>
                  <li><a href="compare.html"><i class="fa-solid fa-arrows-rotate"></i></a></li>
                  <li>
                    <a href="wishlist.html">
                      <i class="fa-regular fa-heart"></i>
                      <small class="wishlist_counter">5</small>
                    </a>
                  </li>
                  <li><a href="account.html"><i class="fa-regular fa-user"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="header_bottom">
          <div class="container">
            <div class="row align-items-center">
              <div class="col col-md-3 col-6">
                <div class="allcategories_dropdown">
                  <button class="allcategories_btn" type="button" data-bs-toggle="collapse" data-bs-target="#allcategories_collapse" aria-expanded="false" aria-controls="allcategories_collapse">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="13" viewbox="0 0 15 13">
                     <image width="15" height="13" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANAgMAAAALcNzSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEX+//3+//0AAABvRd2oAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQflBwIBIhVZ2fz2AAAAGUlEQVQI12MIDQ0NYQATaAAshEUcJgvVBgDy4QdJZv6kzwAAAABJRU5ErkJggg=="></image>
                   </svg>
                    All Categories
                  </button>
                  <div class="allcategories_collapse collapse" id="allcategories_collapse">
                    <div class="card card-body">
                      <ul class="allcategories_list ul_li_block">
                        <li><a href="shop_grid.html"><i class="fa-duotone fa-rocket-launch"></i> New Arrival Products</a></li>
                        <li><a href="shop_list.html"><i class="fa-duotone fa-earth-americas"></i> Most Popular Products</a></li>
                        <li><a href="shop_grid.html"><i class="fa-duotone fa-star-christmas"></i> Deals of the day</a></li>
                        <li><a href="shop_list.html"><i class="fa-duotone fa-mobile-screen"></i> Mobile Accessories</a></li>
                        <li><a href="shop_grid.html"><i class="fa-duotone fa-computer-classic"></i> Computer Accessories</a></li>
                        <li><a href="shop_list.html"><i class="fa-solid fa-lightbulb-cfl"></i> Consumer Electronics</a></li>
                        <li><a href="shop_grid.html"><i class="fa-duotone fa-car"></i> Automobiles & Motorcycles</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col col-md-6">
                <form action="javascript:;">
                  <div class="advance_serach">
                    <div class="form_item">
                      <input type="search" name="search" placeholder="Search Prudcts...">
                    </div>
                    <button type="submit" class="search_btn"><i class="far fa-search"></i></button>
                  </div>
                </form>
              </div>

              <div class="col col-md-3 col-6">
                <button type="button" class="cart_btn">
                  <span class="cart_icon">
                    <i class="icon icon-ShoppingCart"></i>
                    <small class="cart_counter">3</small>
                  </span>
                  <span class="cart_amount">$90.00</span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </header>
      <!-- header_section - end
      ================================================== -->

      <!-- main body - start
      ================================================== -->
      <main>

        <!-- sidebar cart - start
        ================================================== -->
        <div class="sidebar-menu-wrapper">
          <div class="cart_sidebar">
            <button type="button" class="close_btn"><i class="fal fa-times"></i></button>

            <ul class="cart_items_list ul_li_block mb_30 clearfix">
              <li>
                <div class="item_image">
                  <img src="assets/images/cart_img_1.webp" alt="Getyootech - Gadgets Ecommerce Site Template">
                </div>
                <div class="item_content">
                  <h4 class="item_title">Yellow Blouse</h4>
                  <span class="item_price">$30.00</span>
                </div>
                <button type="button" class="remove_btn"><i class="fal fa-trash-alt"></i></button>
              </li>
              <li>
                <div class="item_image">
                  <img src="assets/images/cart_img_2.webp" alt="Getyootech - Gadgets Ecommerce Site Template">
                </div>
                <div class="item_content">
                  <h4 class="item_title">Yellow Blouse</h4>
                  <span class="item_price">$30.00</span>
                </div>
                <button type="button" class="remove_btn"><i class="fal fa-trash-alt"></i></button>
              </li>
              <li>
                <div class="item_image">
                  <img src="assets/images/cart_img_1.webp" alt="Getyootech - Gadgets Ecommerce Site Template">
                </div>
                <div class="item_content">
                  <h4 class="item_title">Yellow Blouse</h4>
                  <span class="item_price">$30.00</span>
                </div>
                <button type="button" class="remove_btn"><i class="fal fa-trash-alt"></i></button>
              </li>
            </ul>

            <ul class="total_price ul_li_block mb_30 clearfix">
              <li>
                <span>Subtotal:</span>
                <span>$90</span>
              </li>
              <li>
                <span>Vat 5%:</span>
                <span>$4.5</span>
              </li>
              <li>
                <span>Discount 20%:</span>
                <span>- $18.9</span>
              </li>
              <li>
                <span>Total:</span>
                <span>$75.6</span>
              </li>
            </ul>

            <ul class="btns_group ul_li_block clearfix">
              <li><a class="btn btn_primary" href="cart.html">View Cart</a></li>
              <li><a class="btn btn_secondary" href="res.html">Checkout</a></li>
            </ul>
          </div>

          <div class="cart_overlay"></div>
        </div>
        <!-- sidebar cart - end
        ================================================== -->

        <!-- breadcrumb_section - start
        ================================================== -->
        <div class="breadcrumb_section">
          <div class="container">
            <ul class="breadcrumb_nav ul_li">
              <li><a href="index.html">Home</a></li>
              <li>Register</li>
            </ul>
          </div>
        </div>
        <!-- breadcrumb_section - end
        ================================================== -->

        <!-- register_section - start
        ================================================== -->
        <section class="register_section section_space">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-lg-7">
                <ul class="nav register_tabnav ul_li_center" role="tablist">
                  <li role="presentation">
                    <button class="active" data-bs-toggle="tab" data-bs-target="#signin_tab" type="button" role="tab" aria-controls="signin_tab" aria-selected="true">
                      Sign In
                    </button>
                  </li>
                  <li role="presentation">
                    <button data-bs-toggle="tab" data-bs-target="#signup_tab" type="button" role="tab" aria-controls="signup_tab" aria-selected="false">
                      Register
                    </button>
                  </li>
                </ul>
                <div class="register_wrap tab-content">
                  <div class="tab-pane fade show active" id="signin_tab" role="tabpanel">
                    <form action="javascript:;">
                      <div class="form_item_wrap">
                        <h3 class="input_title">User Name/Email*</h3>
                        <div class="form_item">
                          <label for="username_input"><i class="fas fa-user"></i></label>
                          <input id="username_input" type="text" name="username" placeholder="User Name">
                          <span>Ex:black-level help text here.</span>
                        </div>
                      </div>

                      <div class="form_item_wrap">
                        <h3 class="input_title">Password*</h3>
                        <div class="form_item">
                          <label for="password_input"><i class="fas fa-lock"></i></label>
                          <input id="password_input" type="password" name="password" placeholder="Password">
                        </div>
                      </div>

                      <div class="forget_pass_wrap align-items-center justify-content-between">
                        <div class="checkbox_item m-0">
                          <input id="remember_checkbox" type="checkbox">
                          <label for="remember_checkbox">Remember Me</label>
                        </div>
                        <div class="forget_pass">
                          <a href="#!">Forget Password?</a>
                        </div>
                      </div>

                      <div class="text-start">
                        <button type="submit" class="btn btn_secondary">Sign In Now</button>
                      </div>
                    </form>
                  </div>

                  <div class="tab-pane fade" id="signup_tab" role="tabpanel">
                    <form action="javascript:;">
                      <div class="form_item_wrap">
                        <h3 class="input_title">User Name*</h3>
                        <div class="form_item">
                          <label for="username_input2"><i class="fas fa-user"></i></label>
                          <input id="username_input2" type="text" name="username" placeholder="User Name">
                          <span>Ex:black-level help text here.</span>
                        </div>
                      </div>

                      <div class="form_item_wrap">
                        <h3 class="input_title">Password*</h3>
                        <div class="form_item">
                          <label for="password_input2"><i class="fas fa-lock"></i></label>
                          <input id="password_input2" type="password" name="password" placeholder="Password">
                        </div>
                      </div>

                      <div class="form_item_wrap">
                        <h3 class="input_title">Email*</h3>
                        <div class="form_item">
                          <label for="email_input"><i class="fas fa-envelope"></i></label>
                          <input id="email_input" type="email" name="email" placeholder="Email">
                        </div>
                      </div>

                      <div class="text-start">
                        <button type="submit" class="btn btn_secondary">Register Now</button>
                      </div>
                    </form>
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </section>
        <!-- register_section - end
        ================================================== -->

        <!-- newsletter_section - start
        ================================================== -->
        <section class="newsletter_section">
          <div class="container">
            <div class="row align-items-center">
              <div class="col col-lg-6">
                <h2 class="newsletter_title text-white">
                  <i class="icofont-paper-plane"></i>
                  Sign Up for Newsletter
                </h2>
              </div>
              <div class="col col-lg-6">
                <form action="javascript:;">
                  <div class="newsletter_form">
                    <input type="email" name="email" placeholder="Enter your email address">
                    <button type="submit" class="btn btn_danger">Submit</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </section>
        <!-- newsletter_section - end
        ================================================== -->

      </main>
      <!-- main body - end
      ================================================== -->

      <!-- footer_section - start
      ================================================== -->
      <footer class="footer_section">
        <div class="footer_widget_area">
          <div class="container">
            <div class="row">
              <div class="col col-lg-4 col-md-6 col-sm-6">
                <div class="footer_widget footer_about">
                  <div class="brand_logo">
                    <a class="brand_link" href="index.html">
                      <img src="assets/images/site_logo.svg" alt="Getyootech - Gadgets Ecommerce Site Template">
                    </a>
                  </div>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                  </p>
                  <ul class="social_round ul_li">
                    <li><a href="#!"><i class="icofont-youtube-play"></i></a></li>
                    <li><a href="#!"><i class="icofont-instagram"></i></a></li>
                    <li><a href="#!"><i class="icofont-twitter"></i></a></li>
                    <li><a href="#!"><i class="icofont-facebook"></i></a></li>
                    <li><a href="#!"><i class="icofont-linkedin"></i></a></li>
                  </ul>
                </div>
              </div>

              <div class="col col-lg-2 col-md-3 col-sm-6">
                <div class="footer_widget footer_useful_links">
                  <h3 class="footer_widget_title text-uppercase">Quick Links</h3>
                  <ul class="ul_li_block">
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="javascript:;">Products</a></li>
                    <li><a href="">Login</a></li>
                    <li><a href="">Sign Up</a></li>
                  </ul>
                </div>
              </div>

              <div class="col col-lg-2 col-md-3 col-sm-6">
                <div class="footer_widget footer_useful_links">
                  <h3 class="footer_widget_title text-uppercase">Custom area</h3>
                  <ul class="ul_li_block">
                    <li><a href="account.html">My Account</a></li>
                    <li><a href="wishlist.html">Wishlist</a></li>
                    <li><a href="order_tracking.html">Tracking List</a></li>
                    <li><a href="cart.html">My Cart</a></li>
                  </ul>
                </div>
              </div>

              <div class="col col-lg-4 col-md-6 col-sm-6">
                <div class="footer_widget footer_contact">
                  <h3 class="footer_widget_title text-uppercase">Contact Onfo</h3>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. 
                  </p>
                  <div class="hotline_wrap">
                    <div class="footer_hotline">
                      <div class="item_icon">
                        <i class="icofont-headphone-alt"></i>
                      </div>
                      <div class="item_content">
                        <h4 class="item_title">Have any question?</h4>
                        <span class="hotline_number">(+880)1680636189</span>
                      </div>
                    </div>
                    <div class="livechat_btn clearfix">
                      <a class="btn border_primary" href="#!">Live Chat</a>
                    </div>
                  </div>
                  <ul class="store_btns_group ul_li">
                    <li><a href="#!"><img src="assets/images/app_store.webp" alt="app_store"></a></li>
                    <li><a href="#!"><img src="assets/images/play_store.webp" alt="play_store"></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="footer_bottom">
          <div class="container">
            <div class="row align-items-center">
              <div class="col col-md-6">
                <p class="copyright_text">
                  <a href="javascript:;">WebThunder</a> © <b>Getyootech</b> Template. All rights reserved Copyrights 2023
                </p>
              </div>

              <div class="col col-md-6">
                <div class="payment_method">
                  <h4>Payment:</h4>
                  <img src="assets/images/payments_icon.webp" alt="Getyootech - Gadgets Ecommerce Site Template">
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- footer_section - end
      ================================================== -->

    </div>
    <!-- body_wrap - end -->

    <!-- fraimwork - jquery include -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/bootstrap5-dropdown-ml-hack.js"></script>

    <!-- carousel - jquery include -->
    <script src="assets/js/slick.min.js"></script>

    <!-- popup - jquery include -->
    <script src="assets/js/magnific-popup.min.js"></script>

    <!-- jquery-ui - jquery include -->
    <script src="assets/js/jquery-ui.js"></script>

    <!-- off canvas sidebar - jquery include -->
    <script src="assets/js/mCustomScrollbar.js"></script>

    <!-- select option - jquery include -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- countdown timer - jquery include -->
    <script src="assets/js/countdown.js"></script>

    <!-- counter up - jquery include -->
    <script src="assets/js/counterup.min.js"></script>
    <script src="assets/js/waypoints.min.js"></script>

    <!-- custom - jquery include -->
    <script src="assets/js/main.js"></script>

  </body>
</html>